<template>
  <div>
   <router-link to="">
       <img src="pinpai/1.webp" alt="">
       </router-link>
        <router-link to="">
       <img src="pinpai/2.webp" alt="">
       </router-link> 
        <router-link to="">
       <img src="pinpai/3.webp" alt="">
       </router-link>
        <router-link to="">
       <img src="pinpai/4.webp" alt="">
       </router-link>
        <router-link to="">
       <img src="pinpai/5.webp" alt="">
       </router-link>
         <router-link to="">
       <img src="pinpai/6.webp" alt="">
       </router-link> 
        <router-link to="">
       <img src="pinpai/7.webp" alt="">
       </router-link>
        <router-link to="">
       <img src="pinpai/8.webp" alt="">
       </router-link>
       <h4>全部品牌</h4>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
div{
    width: 90%;
    height:1.5rem ;
    margin: 5% auto;
    border-radius: 0.1rem;
    border: 1px solid gainsboro;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
img{
    width: 0.8rem;
    height: 0.3rem;
}
    
h4{
    margin: auto;
}
</style>